<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <title>美的导航栏</title>
</head>

<body>
    <header>
        <div class="log fl"></div>
        <ul class="top-nav fl">
            <li><a href="#">首页</a></li>
            <li><a href="#">商家入驻</a></li>
            <li><a href="#">企业采购</a></li>
            <li><a href="#">全屋家电套购</a></li>
            <li><a href="#">会员福利社</a></li>
            <li><a href="#">美的分期</a></li>
        </ul>
        <ul class="top-info fr">
            <li class="serach_box">
                <input type="text" placeholder="美的热水器">
                <i class="icon_meidi search"></i>
            </li>
            <li><i class="icon_meidi mobile"></i></li>
            <li><i class="icon_meidi car"></i></li>
            <li class="user_box">
                <i class="icon_meidi user fl"></i>
                <span class="fl">登录</span>
            </li>
        </ul>
    </header>
    <main>
        <p>【通知】1、美的商城为美的集团官方渠道，请勿相信任何刷单信息。2、新疆部分区域无法快递正常发货，恢复时间待定。3、 因美的会员体系改版，10月26-29日期间美的积分将处于冻结状态。届时您将无法获得和消耗积分，感谢理解！</p>
    </main>

</body>

</html>